<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	
	<!-- start: Meta -->
	<meta charset="utf-8">
	<title></title>
	<meta name="description" content="Bootstrap Metro Dashboard">
	<meta name="author" content="Dennis Ji">
	<meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
	<!-- end: Meta -->
	
	<!-- start: Mobile Specific -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- end: Mobile Specific -->
	
	<!-- start: CSS -->
	<link id="bootstrap-style" href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">
	<link href="<%=basePath%>css/bootstrap-responsive.min.css" rel="stylesheet">
	<link id="base-style" href="<%=basePath%>css/style.css" rel="stylesheet">
	<link id="base-style-responsive" href="<%=basePath%>css/style-responsive.css" rel="stylesheet">
	<link href="<%=basePath%>css/index.css" rel="stylesheet">
	<link href="<%=basePath%>css/page.css" rel="stylesheet">
	<!-- end: CSS -->
	

	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<link id="ie-style" href="css/ie.css" rel="stylesheet">
	<![endif]-->
	
	<!--[if IE 9]>
		<link id="ie9style" href="css/ie9.css" rel="stylesheet">
	<![endif]-->
		
	<!-- start: Favicon -->
	<link rel="shortcut icon" href="<%=basePath%>img/favicon.ico">
	<!-- end: Favicon -->
	
</head>

<body>
			<!-- start: Content -->
			
			<div id="content" class="span10" style="width:82%;">
				<div class="content-search">
			
					<div>
						<span>工号</span>
						<input>
					</div>
					<div>
						<span>姓名</span>
						<input>
					</div>
					<div>
						<span>岗位</span>
						<input>
					</div>
					<div>
						<span>工作性质</span>
						<input>
					</div>
		
				</div>
				<div class="row-fluid content-search">
					<div>
						<span>项目组</span>
						<input>
					</div>
					<div>
						<span>员工状态</span>
						<input>
					</div>
					<div>
						<span>入职时间</span>
						<input type="date" id="entrydate1" style="width:30%;">
						<span>到</span>
						<input type="date" id="entrydate2" style="width:30%;">
					</div>
					<div><button id="select">查询</button></div>
					<div><button id="output">导出</button></div>
		
				</div>
				<div class="row-fluid content-table">
			
					<table class="table table-striped table-bordered bootstrap-datatable">
					  <thead>
						  <tr>
							  <th>选择</th>
							  <th>工号</th>
							  <th>姓名</th>
							  <th>项目组</th>
							  <th>岗位</th>
							  <th>手机号码</th>
							  <th>收货地址</th>
							  <th>入职时间</th>
							  <th>工作性质</th>
							  <th>员工状态</th>
							  <th>工作邮箱</th>
							  <th>操作</th>
						  </tr>
					  </thead>   
					  <tbody>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM2120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM00120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>18019@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
						<tr>
							<td><input type="checkbox"></td>
							<td>HM900120</td>
							<td>李小白</td>
							<td>外包组</td>
							<td>跟单员</td>
							<td>18011921935</td>
							<td>深圳</td>
							<td>2018-01-04</td>
							<td>全职</td>
							<td>精神饱满</td>
							<td>180129@qq.com</td>
							<td><a>查看</a><a>修改</a></td>
						</tr>
					  </tbody>
				  </table>            
							
				</div>	
				<div id="app">
			    <div>
			    
			      <div class="page"  v-show="show">
			      	<div class="span">
					<label><input type="checkbox">全选</label>
					</div>

			        <div class="pagelist">
			          <span class="jump" :class="{disabled:pstart}" @click="jumpPage(1)">首页</span>
			          <span class="jump" :class="{disabled:pstart}" @click="{current_page--}">上一页</span>
			          <span v-show="current_page>5" class="jump" @click="jumpPage(1)">1</span>
			          <span class="ellipsis"  v-show="efont">...</span>
			          <span class="jump" v-for="num in indexs" :class="{bgprimary:current_page==num}" @click="jumpPage(num)">{{num}}</span>
			          <span class="ellipsis"  v-show="ebehind">...</span>
			
			          <span :class="{disabled:pend}" class="jump" @click="{current_page++}">下一页</span>
			          <span v-show="current_page<pages-4" class="jump" @click="jumpPage(pages)">{{pages}}</span>
			
			          <span class="jumppoint">跳转到：</span>
			          <span class="jumpinp"><input type="text" v-model="changePage"></span>
			          <span class="jump gobtn" @click="jumpPage(changePage)">GO</span>
			          <div style="display:none;">
			          	<input id="currentPage" value="<%=request.getAttribute("currentPage")%>"></input>
					  	<input id="totalPage" value="<%=request.getAttribute("totalPage")%>"></input>
			          </div>
			        </div>
			      </div>
			    </div>
			  </div>
			  
				<!-- 
				<div class="row-fluid content-page">
					<div class="span1">
						<label><input type="checkbox">全选</label>
					</div>
					<div class="pagination pagination-centered span7">
					  <ul>
					  	<li><a href="#">首页</a></li>
						<li class="active"><a href="#">上一页</a></li>
						<li><a class="active" href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">下一页</a></li>
						<li><a href="#">末页</a></li>
					  </ul>
					  <label>跳转到<input><button>GO</button></label>
					</div>
					<div class="span4">
						<div>运单数：<span>2</span></div>
						<div>件数：<span>62</span></div>
						<div>总体积：<span>62</span></div>
						<div>总重量：<span>2KG</span></div>
					</div>
				</div>	
				 -->
				<div class="row-fluid hideInIE8 circleStats">
				</div>
				<div class="row-fluid">
				</div>
				<div class="row-fluid">
				</div>
			</div>
			<!--/.fluid-container-->
			
			<!-- end: Content -->
			<script src="<%=basePath%>js/vue.js"></script>
	 		<script src="<%=basePath%>js/vueClick.js"></script>
</body>
</html>
